<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1.0,maximum-scale=1.0">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="x-blackberry-defaultHoverEffect" content="false" />
<title>easyTrain</title>
<link rel="stylesheet" href="css/jquery-ui-1.10.2.custom.min.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
<link type="text/css" href="css/common.css" rel="stylesheet" />  
<link type="text/css" href="css/bbui-min.css" rel="stylesheet" /> 
<script type="text/javascript">log='';function logger(testo){d=new Date();log=log+d.getMinutes()+":"+d.getSeconds()+"."+d.getMilliseconds() + " -- " + testo+'<br>';};logger("START " +new Date());</script>
<script type="application/javascript" charset="utf-8" src="js/bbui-min.js" ></script>
<script type="application/javascript" charset="utf-8" src="js/jquery-2.0.0.min.js"></script>
<script type="application/javascript" charset="utf-8" src="js/variabili.js" ></script>
<script type="application/javascript" charset="utf-8" src="js/jquery.mobile-1.3.1.min.js"></script>
<script type="application/javascript" charset="utf-8" src="js/jquery-ui-1.10.2.custom.min.js" ></script>
<script type="application/javascript" charset="utf-8" src="js/opzioni.js" ></script>
<script type="application/javascript" charset="utf-8" src="js/XMLWriter-1.0.0-min.js" ></script>
<script type="application/javascript" charset="utf-8" src="js/common.js" ></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26015492-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</head>
<body>
  <div data-role="page" id="compage" style="height:100%;position:absolute;" >   
  </div>  
	<div data-role="page" id="mainpage" class="ui-body-b" data-theme="b" >
		<div data-role="header" data-position="fixed" id="mainHeader" data-theme="b"  >	
					<h1 id="hmain" >EasyTrain</h1>	
          <a href="javascript:setImpostazioni();" id="option" data-icon="gear" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-right"></a>				
		</div>
		<div data-role="content" id="contentMain" class="ui-body-b">	
    <div id="spaceDiv"></div>		
			<select id="storiaSelect" onchange="changeStoria()"><option>Ricerche passate</option></select>
			<div class="ui-grid-b">					
				<div class="ui-block-a" id="spartenza">						
						<input type="text" spellcheck="false" autocomplete="off" id="partenza" placeholder="partenza">
				</div>
				<div class="ui-block-b" id="lpartenza">
				</div>
			</div>			
			<div class="ui-grid-c">					
				<div class="ui-block-a" id="sarrivo">
						<input type="text" spellcheck="false" autocomplete="off"  id="arrivo" placeholder="arrivo">
				</div>
				<div class="ui-block-b" id="larrivoMid"></div>
				<div class="ui-block-c" id="larrivo">
				 <a href="#" data-role="button" id="britorno" data-inline="true" onClick=changeField();>ritorno</a>
				</div>
			</div>
			
			<div class="ui-grid-c">
				<div id='dateIn' class="ui-block-a" >
					<input type="date" class="input" name="select-date" id="select-date"  value="">
				</div> 											
				<div class="ui-block-b" style="width:10%"></div>
				<div id='timeOra' class="ui-block-c" >
					<input type="time" class="input" name="select-ora" id="select-ora" value="">
				</div>		
			</div>
			<div >   
        <a href="#" data-role="button" id="cercaMain" data-transition="slide" data-rel="dialog" data-inline="true" onClick="javascript:getOrari();return null;">cerca</a>
		  </div>						
			 <a href="index.html#helppage" id="clickHelp" data-rel="dialog" style="display:none" ></a>		
		</div>	
	</div>
	<!-- PAGINA RICERCA DETTAGLI -->
	  <div data-role="page" id="searchpage" class="ui-body-b" data-theme="b" 
		style="height: 100%; position: absolute;" data-dom-cache="true">
		<div data-role="header" id="orariheader" data-position="fixed" data-theme="b">	
      <a href="javascript:onBackKeyDown();" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>				
			<h1 id="horari">Ricerca Treno</h1>										
		</div>		
		<div data-role="content" id="searchDett" class="ui-body-b">
		<div id="spaceDiv"></div>		
			<select id="changeStoriaDett" onchange="changeStoriaDett()"><option>Ricerche passate</option></select>
			
			<div class="ui-grid-b">					
				<div class="ui-block-a" id="sntreno">
						<input type="number" id="dett" placeholder="N. Treno">
				</div>
				<div class="ui-block-b"></div>
				<div class="ui-block-c"></div>
			</div>
			<div class="ui-grid-c">					
				<div class="ui-block-a" id="sarrivo">
						<input type="text" id="Descrizione" placeholder="Descrizione">
				</div>
				<div class="ui-block-b"></div>
				<div class="ui-block-c"></div>
			</div>		
			<div >
        <a href="#" data-role="button" id="cercaMain" data-rel="dialog" data-inline="true" onClick=getDettaglioSearch();>cerca</a>
		  </div>						
					
		</div>	
	</div>
	<!--  PAGINA ORARI -->		
	<div data-role="page" id="oraripage" class="ui-body-b" data-theme="b" >
		<div data-role="header" id="orariheader" data-position="fixed" data-theme="b" >	
       <a href="javascript:onBackKeyDown();" id="option" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>				
			 <h1>Elenco</h1>														
		</div>		
		<div data-role="content" id="orari" data-id="nav" class="ui-body-b" >
    <div id="spaceDiv"></div>	
			<div id="tabella-orari" data-role="collapsible-set">
			</div>			
		</div>	
	</div>
	<!--  PAGINA DETTAGLI -->
	
	<div data-role="page" id="dettaglipage" class="ui-body-b" data-theme="b" >
		<div data-role="header"  data-position="fixed" id="dettagliheader" data-theme="b">
      <a href="javascript:onBackKeyDown();" id="option" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>
			<h1 id="hdettagli" ></h1>	
      <a href="javascript:refreshDettaglio();" id="option" data-icon="refresh" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-right"></a>					
		</div>
		<div data-role="content" id="dettagli" data-id="nav" class="ui-body-b">	
    <div id="spaceDiv"></div>		
		<div id="tabella-dettagli" data-role="collapsible-set">
			</div>		
		</div>	
	</div>  
  <!--  PAGINA HELP -->          
  <div data-role="page" id="helppage" class="ui-body-b" data-theme="b" >
		<div data-role="header"  data-position="fixed" id="dettagliheader" data-theme="b">
      <a href="javascript:onBackKeyDown();" id="option" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>
			<h1>Guida Utente</h1>	     
		</div>
		<div data-role="content" id="help" data-id="nav" class="ui-body-b">
    <div class="content-primary">	
    <div id="spaceDiv"></div> 
    <div data-role="collapsible-set">   		
	  <div data-role="collapsible" data-collapsed="true" data-content-theme="d" data-theme="b">
      <h3> Note generali:&nbsp;leggere prima dell'utilizzo</h3>
      <p style="text-align:justify;"><span style="font-weight:bold;">Elenco</span><br>
      L'applicazione preleva gli orari dei treni direttamente dal sito ufficiale di trenitalia, fsitaliane.it. 
      Eventuali errori o mancanze sono imputabili ai sistemi di trenitalia e non all'applicazione.
      <br><span style="font-weight:bold;">Dettagli</span><br>
      I ritardi e tutte le informazioni in tempo reale sono prelevati dal sito viaggiatreno.it, 
      eventuali errori o mancanze sono dovute a questo sito.<br> 
      <span style="font-style:italic;">Generalmente, il ritardo indicato NON &egrave; quello con cui il treno partirà dalla stazione, 
      ma solitamente quello con cui &egrave; arrivato all'ultima stazione o altro checkpoint.</span><br>
      <span style="font-weight:bold;">Segnalazione problemi e suggerimenti</span><br>
      Per qualunque problema e suggerimento &egrave; possibile contattare lo sviluppatore direttamente via email (<a href="mailto:easytrainapp@gmail.com">easytrainapp@gmail.com</a>)
      o tramite commento sull'appword, indicando modello del dispositivo e versione del sistema operativo.
      </p>
    </div>
    <div data-role="collapsible" data-collapsed="true" data-content-theme="d" data-theme="b">
      <h3>Guida</h3>
      <p style="text-align:justify;"><span style="font-weight:bold;">Orari</span><br>
      Tramite il pulsante cerca, inserendo le stazioni di partenza e arrivo verranno visualizzate le prime 10 soluzioni trovate 
      nella date e orario specificati.
      L'app memorizza le ultime 5 ricerche effettuate.
      <br><span style="font-weight:bold;">Dettagli</span><br>
      Selezionando dall'elenco visualizzato un treno saranno mostrate le fermate intermedie che effettuerà il treno, 
      indicando ove possibile orario di arrivo previsto ed eventuale ritardo, binario di sosta effettivo e previsto.
      <br><span style="font-weight:bold;">Ricerca per numero treno</span><br>
      Da men&ugrave;, selezionando "Ricerca N.° Treno" &egrave; possibile effettuare una ricerca per numero di treno, 
      mostrando il dettaglio delle fermate per il treno in questione.
      L'app memorizza le ultime ricerche effettuate, &egrave; possibile inserire una descrizione al numero treno.
      <br><span style="font-weight:bold;">Opzioni</span><br>
      Da men&ugrave;, selezionando "Opzioni" &egrave; possibile accedere alla pagina di configurazione:<br>
       - <span style="font-style:italic;">N. Viaggi Visualizzati</span>:&nbsp;modifica il numero di soluzioni trovate;<br>
       - <span style="font-style:italic;">Dimensione Storico</span>:&nbsp;modifica il numero di ricerche salvate nello storico;<br>
       - <span style="font-style:italic;">Tema</span>:&nbsp;modifica i colori dell'app;<br>
       - <span style="font-style:italic;">Dimensione Carattere</span>:&nbsp;modifica della dimensione dei caratteri;<br>
       - <span style="font-style:italic;">Svuota Cronologia</span>:&nbsp;elimina le cronologie di ricerca salvate.<br>			
      </ul></p>
		</div>
    <div data-role="collapsible" data-collapsed="true" data-content-theme="d" data-theme="b">
      <h3>Note dello sviluppatore</h3>
      <p style="text-align:justify;">
      Ciao,<br>
      grazie per aver provato easyTrain.<br>
      Quest'app nasce da una mia personale esigenza, infatti, appena avuto un BlackBerry in mano, mi sono subito reso conto della mancanza di un'app 
      per me fondamentale, essendo io un pendolare.<br>
      Ho quindi realizzato per mio bisogno questa app, quando mi è sembrata affidabile ho deciso di condividerla con tutti voi.<br>
      Ho voluto rilasciarla per il maggior numero possibile di dispositivi, per cui ero confidente, potesse funzionare, 
      questo non significa che funzioni perfettamente su tutti i dispositivi, posso darvi solo la certezza che funziona sul BB 9900 (OS 7), 
      per gli altri ho provato sui simulatori, ma se sul vostro dispositivo non funziona o avete problemi di visualizzazione, inviatemi una mail o un commento sull'appWord, 
      indicando modello e versione del sistema operativo e provveder&ograve;, se riesco, a correggere il problema, potete anche segnalarmi un vostro contatto
      e vi fornir&ograve; una versione di test per analizzare su un dispositivo reale il problema.<br>
      Se invece funziona bene e vi piace, lasciate una recensione, ricordandovi di indicare il modello del vostro cellulare, 
      in modo da censire tutti i dispositivi in cui funziona correttamente.<br>
      Quest'app è e resterà sempre gratuita, almeno con queste funzioni basi, pertanto vi chiedo di non lasciare recensioni offensive, 
      se non vi piace o non funziona la disinstallate e basta, al più lasciate una recensione indicando il modello del vostro cellulare.
      <br><br>
      E adesso ... <span style="font-style:italic;font-weight:bold">Buon Viaggio</span> 
      </p>		
		</div>
    </div>
    </div>	
	</div>
  </div>
            <!--  PAGINA IMPOSTAZIONI -->            
    <div data-role="page" id="impostazioni"  class="ui-body-b" data-theme="b" 
			style="height: 100%; position: absolute;" data-dom-cache="true">
		<div data-role="header" data-position="fixed"  data-theme="b" id="impostazioniHeader" >
      <a href="javascript:onBackKeyDown();" id="option" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>
			<h1 id="himpostazioni">Impostazioni</h1> 									
		</div>		
		<div data-role="content" id="contentImp" class="ui-body-b" >	
    <div id="spaceDiv"></div>	
			<div class="ui-grid-b" style="width:100%;">
				<div class="ui-block-a"  style="width:39%;">
					<input type="text" readonly="readonly" value="N°. Viaggi Visualizzati" id="labelImp" >
				</div>
				<div class="ui-block-b"  style="width:50%;">
					<input type="number" id="nreq" value="" >
				</div>
			</div>
			<div class="ui-grid-b" style="width:100%;">
				<div class="ui-block-a"  style="width:39%;">
					<input type="text" readonly="readonly" value="Dimensione Storico" id="labelImp" >					
				</div>
				<div class="ui-block-b"  style="width:50%;">
					<input type="number" id="indice" value="" >
				</div>
			</div>
			<form> 
  				<fieldset  class="ui-grid-a" style="width:100%;">
  					<div class="ui-block-a"  style="width:39%;">
  						<input type="text" readonly="readonly" value="Tema" id="labelImp" >	 						
  					</div>   					
   					<div class="ui-block-b"  style="width:50%;">
   					  <Select id="temaSelect">
   					    <!-- option value="6">Scelta</option-->   					  
   						<option value="0">Nero</option>
   					    <option value="1">Blue</option>
   						<option value="2">Grigio Chiaro</option>
   						<option value="3">Grigio Scuro</option>
   						<option value="4">Giallo</option>
   					 </Select>
   				   </div>    		  							
				</fieldset>
			</form>
			<form> 
				<fieldset  class="ui-grid-a" style="width:100%;">
  					<div class="ui-block-a" style="width:39%;">
  						<input type="text" readonly="readonly" value="Dimensione Carattere" id="labelImp" >	 						
  					</div>   					
   					<div class="ui-block-b" style="width:50%;" >
   						<Select id="carattereSelect">
   							<!-- option value="4">Scelta</option--> 
   							<option value="0">Piccolo</option>
   							<option value="1">Medio</option>
   							<option value="2">Grande</option>
   							<option value="3">Extra</option>    														
   						</Select>
   					</div>    		  							    				
				</fieldset>
			</form>
			<div class="ui-grid-b" style="width:100%;">
				<div class="ui-block-a"  style="width:39%;">					
				</div>
				<div class="ui-block-b"  style="width:50%;">
					<input type="submit" id="indice" value="Svuota cronologia" onClick=svuota();>
				</div>
			</div>
			<div class="ui-grid-b" style="width:100%;">
				<div class="ui-block-a"></div>
				<div class="ui-block-b"><a style="width:100%;" href="#" data-role="button" data-rel="dialog" data-inline="true" onClick=salva();>Salva </a></div>
				<div class="ui-block-c"></div>													
			</div>	
		</div>	
	</div> 		
		<!--  PAGINA ORARI -->		
	<div data-role="page" id="pageLog" class="ui-body-b" data-theme="b" >
		<div data-role="header" id="orariheader" data-position="fixed" data-theme="b" >	
       <a href="javascript:onBackKeyDown();" id="option" data-icon="arrow-l" data-iconpos="notext" data-role="button" data-inline="true" class="ui-btn-left"></a>				
			 <h1>LOG</h1>														
		</div>		
		<div data-role="content" id="log" data-id="nav" class="ui-body-b" >
    <div id="spaceDiv"></div>	
			<div id="tabella-log" data-role="collapsible-set">
			</div>			
		</div>	
	</div>
	<div id="stripNotificaOffline" class="stripNotifica">
		     Assenza di rete. Consultazione offLine    
	</div>
	<div id="stripNotificaOnline" class="stripNotifica">
		     Connesso in rete. Consultazione onLine    
	</div>
	<div id="strip" class="stripNotifica">
		     <span id="testStrip"></span>    
	</div>
	<div id="wait" ></div>
	<div id="tableWait"><table><tr><td><img id="imgLoad" src="resources/busy.gif" /></td><td>Attendi ...</td></tr></table></div>
</body>
</html>